import React, { useState } from 'react'
import styles from './App.module.css'

export const FSon = (props: any) => {
  console.log('函数组件', props)

  // 参数：状态初始值比如,传入 0 表示该状态的初始值为 0
  // 返回值：数组,包含两个值：1 状态值（state） 2 修改该状态的函数（setState）
  const [count, setCount] = useState(0)
  console.log(count)
  console.log(props)

  return (
    <div className={styles.two}>
      <button
        onClick={() => {
          setCount(count + 1)
        }}
      >
        {count}
      </button>
    </div>
  )
}
